<template>
    <div class="seachOne">
        <ul>
            <li v-for="item in Seach2Arr" :key="item.id" @click="kissFn(item)">
                <img :src="item.list_pic_url" alt="">
                <p>{{item.name}}</p>
                <span>{{item.retail_price | brandList}}</span>
            </li>
        </ul>
    </div>
</template>
<script>
// import Xiangqing from '@/components/Xiangqing.vue'
export default {
    name: "Seach2",
    props: ['Seach2Arr'],
    data() {
        return {

        };
    },
    methods: {
        kissFn(item){
           // console.log(item.id);
           this.$router.push({ path:"/xiangqing",query:{id:item.id} });
        }
    }
};
</script>

<style lang='less' scope>
 .seachOne{
    ul{
        display: flex;
        flex-wrap: wrap;
        li{
            width: 50%;
            text-align: center;
            font-size: 16px;
        }
        p{
            line-height: 36px;
           white-space: nowrap;
           overflow: hidden;
            text-overflow: ellipsis
        }
        span{
            color: brown;
        }
        img{
            width: 100%;
        }
    }
 }
</style>